@charset "utf-8";
body {
	background-color: #CCC;
	margin: 0px;

}

.container {
	width: 1000px;
	min-height: 500px;
	background-color: #CCC;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 3px 3px 6px #999;

}

.heads {
	width: 1000px;
	height: 160px;
	background-color: #FFF;
	background-image:url(image/logo-jcu.gif);
	background-repeat:no-repeat;
	float:left;
	

}


.headerlink {
	width: 330px;
	float:left;
	height: 35px;
	margin-left: 320px;
	background-color:#7e0001;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	z-index:-1;
}

.headerlink a {
	display: block;
	width:50px;
	float:left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	text-align:right;
}




.menu {
	width: 1000px;
	height: 33px;
	background-repeat:repeat-x;
	background-image:url(image/btn-bg-active.gif);
	float:left;

	
}
.menu ul{
	margin: 0px;
	padding: 0px;

}



.service ul li,.recommend ul li {
	display: block;
	float:left;
	min-width:70px;
	list-style-type: none;
	height: 26px;
	background-repeat:repeat-x;
	background-image:url(image/btn-bg-active.gif);
	padding-left:7px;
	padding-right:7px;
	padding-top: 7px;
	padding-bottom: 0px;
	text-align:center;
	margin: 0px;

}


.phplogin ul li {
	float:right;
	display: block;
	min-width:100px;
	list-style-type: none;
	height: 26px;
	background-repeat:repeat-x;
	background-image:url(image/btn-bg-active.gif);
	padding-left:7px;
	padding-right:10px;
	padding-top: 7px;
	padding-bottom: 0px;
	text-align:center;
	margin: 0px;
	color: #BF2419;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: capitalize;		
}

.menu ul li a {
	text-decoration: none;
	color:#FFF;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;

}



.menu ul li:hover{
	background-image:url(image/btn-bg-active.gif);
	background-repeat:repeat-x;

}

.menu .phplogin ul li:hover{
	background-image:url(image/btn-bg-active.gif);
	background-repeat:repeat-x;

}

.menu ul li:hover a{
	color: #FFF;
}

.service ul li ul li,.recommend ul li ul li {
	display: none;
}


.service ul li:hover ul li{
	display: block;
	position: absolute;
	background-image:url(image/background.jpg);
	background-repeat:repeat-x;
	width: 200px;
	height: 220px;
	margin-left: -7px;
	margin-top: 5px;
	z-index:1;
}


.recommend ul li:hover ul li {
	display: block;
	position: absolute;
	background-image:url(image/background.jpg);
	background-repeat:repeat-x;
	width: 350px;
	height: 220px;
	margin-left: -7px;
	margin-top: 5px;
	z-index:1;
}


.service ul li:hover ul li a,.recommend ul li:hover ul li a {
	display: block;
	width: 180px;
	height:0px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	padding-top: 0px;
	padding-left: 14px;
	z-index:1;
}


.service ul li:hover ul li a:hover,.recommend ul li:hover ul li a:hover {
	text-decoration: underline;
}


.main {
	width:998px;
	min-height:100px;
	margin:0px;
	border: solid;
	border-color: #CCC;
	border-width: 1px;
	display:block;
	float:left;
	background-color: #FFF;
}


.mainleft {
	width:698px;
	float:left;
	min-height: 300px;
	display:block;
	background-color: #FFF;
	border-right:solid;
	border-right-width: 1px;
	border-right-color:#CCC;

}


.mainright {
	background-color:#EEE;
	display:block;
	width:298px;
	min-height: 300px;
	float:left;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;


}

.titlebar {
	background-image:url(image/title_bar.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	height:22px;
	width:291px;
	color: #FFF;
	padding-top: 6px;
	padding-left:7px;
	border-radius: 5px;
}

.toplist {
	width: 291px;
	padding-top: 0px;
	min-height: 80px;
	margin:0px;
}

.toplist ol li {
	color: #BF2419;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;	
}



.toplist ol li a{
	color: #BF2419;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;	
}

.toplist ol li a:hover {
	text-decoration: underline;
}

.footer {
	float:left;
	width: 1000px;
	height:: 35px;
	background-image:url(image/btn-bg-active.gif);
}

.footer ul {
	padding: 0px;
}

.footer ul li{
	min-width: 50px;
	height: 12px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	font-weight:bold;
	list-style: none;
	margin-bottom: 20px;
}

.footer ul li a {
	margin-right: 10px;
	text-decoration: none;
	color: #FFF;
}

.footer ul li a:hover {
	text-decoration: underline;
}


.festival{
	border-radius:20px;
	width:658px;
	height:190px;
	border-color: #CCC;
	background-color:#DFDFDF;
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:5px;
	padding-left:0px;
	padding-right:10px;
	padding-top:5px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.gaget{
	padding-left:10px;
	padding-right:10px;
}
.sgdining{
	margin-left:10px;
	margin-right:10px;
	text-align:justify;
	margin-bottom: 20px;	
}
.restrodine{
	width:658px;
	height:170px;	
	background-color:#FFF;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:10px;
	padding-top:5px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.dish{
	border-radius:20px;
	width:658px;
	height:130px;
	border-color: #CCC;
	background-color:#FFF;
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:0px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;	
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.sightseeing{
	margin-left:20px;
	margin-right:20px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.shopin{	
	width:658px;
	height:140px;	
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:10px;
	padding-top:5px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	
}


.accomo{
	width:900px;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:10px;
	padding-top:5px
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:13px;
	float:left;
}